<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="zh-CN">

<head>
<title>飞腾会-FitaClub</title>
<%@ include file="/WEB-INF/include/meta.jsp"%>
<%@ include file="/WEB-INF/include/css.jsp"%>
</head>
<!-- end header -->

<body>
  <div class="page-group">
    <div class="page page-current bg-light-gray">
      <header class="bar bar-nav fita-header">
        <a href="javascript:history.back(-1);" class="icon icon-left pull-left"></a>
        <a class="icon icon-menu pull-right open-panel"></a>
        <h1 class="title">订单支付成功</h1>
      </header>
      
      <div class="bar bar-footer fita-footer">
        <a href="${ctx.host}/cars/search" class="button">返回首页</a>
      </div>
      
      <div class="content staying-orders-layout">
      
      	<div class="tips">
      	  <span class="iconfont iconfont-warn"></span>
      	  <p class="wran-text">您的订单已成功支付</p>
      	</div>
      	
      	<div class="list cars-list-layout">
          <!-- <div style="margin: 1.25rem .5rem 0; font-size: .75rem;">订单信息：</div> -->
          <div class="card fita-card order-detail-card">
	          <c:choose>
	              <c:when test="${order.type.arrivepay}">
	                <c:set var="exchangeRate" value="${persist.exchangeRate(order.currencyCode)}"/>
                    <div class="item"><span class="label">订单金额：&nbsp;&nbsp;</span><span class="current-price">${exchangeRate.currencySymbol}<fmt:formatNumber value="${order.retailAmount/100}" type="number" maxFractionDigits="2" pattern="0.00"/></span></div>
	              </c:when>
	              <c:otherwise>
                    <div class="item"><span class="label">订单金额：&nbsp;&nbsp;</span><span class="current-price">￥<fmt:formatNumber value="${order.actualPayPrice/100}" type="number" maxFractionDigits="2" pattern="0.00"/></span></div>
	              </c:otherwise>
              </c:choose>
	          <div class="item"><span class="label">订单号：&nbsp;&nbsp;</span><span class="">${order.code}</span></div>
	          <div class="item"><span class="label">下单时间：&nbsp;&nbsp;</span><span class=""><fmt:formatDate value="${order.createTime}" pattern="yyyy-MM-dd HH:mm"/></span></div>
	          <div class="item"><span class="label">Alamo订单号：&nbsp;&nbsp;</span><span class="">${order.alamoCode}</span></div>
	        </div>
        </div>
        <%-- <div class="card order-info-card">
          <div class="card-content">
	          <div class="item">
	            <span class="label">取车：</span>
	            <div class="location">洛杉矶</div>
	            <div class="detail"><p>LOS ANGELES INTL ARPT/SHUTTLE</p><p>2018-10-30 10:30</p></div>
	          </div>
	          <div class="item">
	            <span class="label">还车：</span>
	            <div class="location">洛杉矶</div>
	            <div class="detail"><p>LOS ANGELES INTL ARPT/SHUTTLE</p><p>2018-10-30 10:30</p></div>
	          </div>
	        </div>
        </div> 
        
        <div class="list cars-list-layout">
          <div class="card fita-card">
            <div class="card-content">
              <div class="card-content-inner">
                <a href="">
                  <div class="car-title">日产 骐达<small style="margin-left: .25rem;"> 或类似车型</small></div>
                  <div class="row no-gutter">
                    <div class="col-66 cars-type">
                      <img src="${ctx.resource}/images/cars/cars-product.png"/>
                      <p>经济型/自动挡/2行李/4座位/含空调2/4门</p>
                    </div>
                    <div class="col-33 price-box">
                      <div class="item">
                        <p>官方零售价：</p>
                        <p class="price">￥1,234.00</p>
                      </div>
                      <!-- <div class="item">
                        <p>常规价：</p>
                        <p class="price">￥1,706.00</p>
                      </div> -->
                      <div class="item">
                        <p>浮动价：</p>
                        <p class="price current-price">￥1,506.00</p>
                      </div>
                    </div>
                  </div>
                </a>
              </div>
            </div>
          </div>
        </div> --%>
        
      </div>
      <!-- <div class="content">
      <p>订单结果页</p>
        <a ctx.host="">回到首页</a>
      </div> -->
    </div>
    
    <div class="panel-overlay"></div>
    <div class="panel panel-right panel-cover fita-panel">
      <div class="list-block contacts-block no-margin">
        <p class="menu-title close-panel">关闭</p>
	      <ul>
	        <li>
	          <a href="${ctx.host}/cars/search" class="item-content item-link">
	            <div class="item-inner">
	              <div class="item-title">立即租车</div>
	            </div>
	          </a>
	        </li>
	        <%-- <li>
	          <a href="${ctx.host}/orders" class="item-content item-link">
	            <div class="item-inner">
	              <div class="item-title">我的订单</div>
	            </div>
	          </a>
	        </li> --%>
	        <li>
            <a href="${ctx.host}/profile" class="item-content item-link">
              <div class="item-inner">
                <div class="item-title">个人中心</div>
              </div>
            </a>
          </li>
	      </ul>
      </div>
    </div>
  </div>
  <%@ include file="/WEB-INF/include/script.jsp"%>
  
  
</body>
</html>